﻿<%@ page language="C#" masterpagefile="~/Commons/Main.master" autoeventwireup="true" inherits="Resume_Edit, App_Web_heeugm1n" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphMain" Runat="Server">

    <link rel="stylesheet" href="../Skins/plugins/layui/css/layui.css" />
    <script type="text/javascript" src="../Skins/plugins/layui/layui.js"></script>

    <style>
        .tdpadding td {
            padding: 5px;
        }

        .wrap {
            width: 100%;
            height: 180px;
        }

            .wrap .header {
                display: flex;
                height: 180px;
                padding: 5px 0 10px 10px;
            }

            .wrap .headerImg {
                width: 253px;
                height: 190px;
            }

                .wrap .headerImg img {
                    width: 100%;
                    height: 100%;
                }

            .wrap .header .headerTop {
                height: 38px;
                width: 100%;
                margin-bottom: 30px;
            }

                .wrap .header .headerTop .topLeft {
                    width: 200px;
                }

                    .wrap .header .headerTop .topLeft .name {
                        font-size: 35px;
                        font-weight: bold;
                        margin-bottom: 6px
                    }

            .wrap .header .headerBottom {
                height: 54px;
                width: 100%;
            }

        .headerBottom .leftImg {
            margin-right: 10px;
        }

        .headerBottom img {
            width: 20px;
            height: 20px;
            margin: 0 10px 0 0
        }

        .headerBottom span {
            margin-right: 10px
        }



        .fl {
            float: left
        }
        .lineCtn{
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .lineCtn .left,.lineCtn .right{
            height: 2px;
            width: 49.5%;
            display: inline-block;
            background-color: #00B7EE;
        }
        .imgbox{
            height: 20px;
            margin: 10px 0;
        }
        .headbox{
            height: 40px;
            float: right;
        }
        .imgbox div,.headbox div{
            background-color: #00B7EE;
            height: 100%;
            display: inline-block;
        }
        .imgbox .left_cnt{
            width: 4px;
            
        }
        .imgbox .center_cnt{
            width: 8px;
        }
        .imgbox .content_cnt{
            width: 15%;
            vertical-align: top;
            padding-left: 5px;
            font-size: 15px;
            font-weight: 700;
            color: white;
        }
        .imgbox .right_cnt{
            width: 81%;
            margin-left: -4px;
            background-color: #ccc;
            vertical-align: top;
            color: #eeeeee;
            font-size: 16px;
            text-align: right;
            font-weight: 700;
            padding-right: 10px;

        }
        .headbox .left_cnt,.headbox .content_cnt{
            width: 12px;
            vertical-align: middle;

        }
        .headbox .right_cnt{
            width: 30px;
            vertical-align: middle;

        }
        .headbox .center_cnt{
            width: 150px;
            vertical-align: middle;
            padding-left: 5px;
            font-size: 18px;
            font-weight: 700;
            color: white;
            text-align: center;
        }
        .headbox .center_cnt span{
            margin-top: 5%;
            display: inline-block;
        }
        .footer{
            background-color: #00B7EE;
            width: 100%;
            height: 20px;
            text-align: center;
            color: white;
            font-weight: 700;
        }
    </style>

    <style type="text/css" media="screen">
        .cover {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 999999999999999;
            margin-right: 0px;
            margin-left: 0px;
            margin-top: 5px;
            margin-bottom: 140px;
            color: #fff;
            color: #ccc\0;
            display: block;
            padding: 2px 1px;
            font-family: '宋体';
            font-size: 16px;
            font-weight: bold
            white-space: nowrap;
            text-shadow: 1px 0 0 #eee;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -moz-opacity: 0.3;
            opacity: 0.3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
        }

        .cover-Blink-area {
            position: absolute;
            text-align: center;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            z-index: 999999999999999;
            pointer-events: none;
            overflow: hidden;
        }

        .cover-Blink {
	    opacity:0.3;
            display: inline-block;
            margin-right: 20px;
            margin-left: 20px;
            margin-top: 50px;
            margin-bottom: 50px;
            color: red;
            padding: 2px 1px;
            font-family: '宋体';
            font-size: 25px;
            color: rgb(221,221,221);
            font-weight:100;
            white-space: nowrap;
            text-shadow: 1px 0 0 rgba(0,0,0,.2);
            transform: rotate(-25deg);
            -ms-transform: rotate(-25deg);
            -moz-transform: rotate(-25deg);
            -webkit-transform: rotate(-25deg);
            -o-transform: rotate(-25deg);
        }
        .icheckbox_flat-blue{margin-right:5px;}
    </style>

    <link rel="stylesheet" href="../Skins/plugins/WebUploader/webuploader.css" />
    <link rel="stylesheet" href="../Skins/plugins/WebUploader/webuploader-demo.css" />
    <script type="text/javascript" src="../Skins/plugins/WebUploader/webuploader.min.js"></script>
    <script type="text/javascript" src="../JS/Upload.js"></script>

    <script>
        $(function () {
            waterMark$();
            var keyValue = $("#ctl00_cphMain_hdRecId").val();
            file_upload.init({
                keyValue: keyValue, extensions: 'jpg,png,jpeg,doc,docx,xls,xlsx,pdf,rar,zip', isImage: true, el: '#uploader1', fileSizeLimit: 1024 * 1024 * 1024, fileSingleSizeLimit: 200 * 1024 * 1024, multiple: true
            });
            file_upload.bindFiles(true, true, keyValue, 'uploader1', true, true);
            //var f = new Viewer(document.getElementById("uploader1"));
        });
        layui.use('layer', function () {
            var layer = layui.layer;

        });
        function pic() {
            var obj = $("#uploader1 input[type='checkbox']:checked");
            if (obj.length == 4) {
                for (var i = 0; i < obj.length; i++) {
                    $("#img" + i).attr("src", $(obj[i]).attr("data-src"));
                }
                top.layer.open({
                    type: 1,
                    title: "合成图片",
                    content: $("#SearchDiv").html(),
                    area: ['450px', '700px']
                });
            }
            else {
                alert("请选择4张图片.");
                return;
            }
        }
        function View() {
            $("#head").attr("src", $("#ctl00_cphMain_imgPortrait").attr("src"));
            $("#spanName").html("").html($("#ctl00_cphMain_txtName").val());
            $("#spanWorkType").html("").html($("#ctl00_cphMain_hdWorkType").val());
            $("#spanName2").html("").html($("#ctl00_cphMain_txtName").val());
            $("#spanAge").html("").html($("#ctl00_cphMain_txtAge").val());
            $("#spanAddress").html("").html($("#ctl00_cphMain_txtAddress").val());
            $("#spanBirthday").html("").html($("#ctl00_cphMain_txtBirthday").val());
            $("#spanEducation").html("").html($("#ctl00_cphMain_txtEducation").val());
            $("#spanLanguage").html("").html($("#ctl00_cphMain_txtLanguage").val());
            $("#spanYearBrith").html("").html($("#ctl00_cphMain_txtYearBrith").val());
            $("#spanWeight").html("").html($("#ctl00_cphMain_txtWeight").val());
            $("#spanHeight").html("").html($("#ctl00_cphMain_txtHeight").val());
            $("#spanWorkYear").html("").html($("#ctl00_cphMain_txtWorkYear").val());
            $("#divValidVisa").html("").html($("#ctl00_cphMain_hdValidVisa").val());
            $("#divCook").html("").html($("#ctl00_cphMain_hdCook").val());
            $("#divWorkExperience").html("").html($("#ctl00_cphMain_txtWorkExperience").val().replace(/\n/g, "<br/>"));
            $("#divCredentials").html("").html($("#ctl00_cphMain_hdCredentials").val());
            $("#divEvaluate").html("").html($("#ctl00_cphMain_txtEvaluate").val().replace(/\n/g, "<br/>"));
            top.layer.open({
                type: 1,
                title: "简历",
                content: $("#ViewDiv").html(),
                area: ['640px', '950px']
            });
        }


        function waterMark$(){
        if(navigator.appName == "Microsoft Internet Explorer"&& navigator.appVersion.match(/11./i)!="11."){
            $("p[name='p1$']").remove();
            var winwidth$ = document.body.scrollWidth-17;
            var winheight$ = document.body.scrollHeight;
            $("#ViewDiv").append("<p id='waterSum_11' name='p1$' class='cover_through cover js-click-to-alert'>魔方动力</p>");
            var fleft = Number($('#waterSum_11').css("margin-left").substring(0,$('#waterSum_11').css("margin-left").indexOf('p')));
            var ftop = Number($('#waterSum_11').css("margin-top").substring(0,$('#waterSum_11').css("margin-top").indexOf('p')));
            var perWidth = $("#waterSum_11").width();
            var perHeight = Number('140px'.substring(0,'140px'.indexOf('p')))+100;
            var lines = parseInt(winwidth$/(perWidth+fleft));
            var rows = Math.round(winheight$/(perHeight+ftop));
            var totalPWidth = perWidth*lines;
            var totalSpace = winwidth$-totalPWidth;
            var perSpace = parseInt(totalSpace/(lines+1));
            $('#waterSum_11').css("margin-left",perSpace);
            for(var i=1;i<=rows;i++) {
                for(var j=1;j<=lines;j++){
                    if(i==1){
                        if(j<=lines-1){
                            var p = "<p id='waterSum_" + i + "" + (j + 1) + "' name='p1$' class='cover_through cover js-click-to-alert'>魔方动力</p>";
                            var ileft = $('#waterSum_'+i+''+j).css("margin-left").substring(0,$('#waterSum_'+i+''+j).css("margin-left").indexOf('p'));
                            var itop = $('#waterSum_11').css("margin-top").substring(0,$('#waterSum_11').css("margin-top").indexOf('p'));
                            $("#ViewDiv").append(p);
                            $('#waterSum_'+i+''+(j+1)).css("margin-left",Number(ileft)+Number(perWidth)+perSpace);
                            $('#waterSum_'+i+''+(j+1)).css('margin-top',itop);
                        }
                    }else{
                        var p = "<p id='waterSum_"+i+""+j+"' name='p1$' class='cover_through cover js-click-to-alert'>${TmpContent}</p>";
                        var ileft = $('#waterSum_'+(i-1)+''+j).css("margin-left").substring(0,$('#waterSum_'+(i-1)+''+j).css("margin-left").indexOf('p'));
                        var itop =  $('#waterSum_'+(i-1)+''+j).css("margin-top").substring(0,$('#waterSum_'+(i-1)+''+j).css("margin-top").indexOf('p'));
                        $("#ViewDiv").append(p);
                        $('#waterSum_'+i+''+j).css("margin-left",Number(ileft));
                        $('#waterSum_'+i+''+j).css('margin-top',Number(itop)+Number(perHeight));
                    }
                }
            }
            passThrough();
        }else{
            waterMarkNotIe$();
        }
    }
    function waterMarkNotIe$(){
        var winwidth$ = document.body.clientWidth;
        var winheight$ = document.body.scrollHeight;
        var waterSum$ = 100;
        var oldleft$=0;
        var maxI$=0;
        var k$=0;
        $("#ViewDiv").append("<div class='cover-Blink-area'> </div>");
        $('.cover-Blink-area').css('height','750px');
        for( var i=1;i<=waterSum$;i++) {
            $(".cover-Blink-area").append("<p id='waterSum_" + i + "' class='cover_through cover-Blink js-click-to-alert'>魔方动力</p>");
            var left = Number(document.getElementById("waterSum_" +i).offsetLeft);
            if(left>oldleft$) {
                oldleft$ = left;
                maxI$ = i;
            }
            if (left<oldleft$&&k$==0){
                var top = $("#waterSum_1").css("margin-top").substring(0,$("#waterSum_1").css("margin-top").indexOf('p'));
                var bottom = $("#waterSum_1").css("margin-bottom").substring(0,$("#waterSum_1").css("margin-bottom").indexOf('p'));
                var pHeight = $("#waterSum_1").height();
                var totalHeight = Number(top)+Number(pHeight)+Number(bottom);
                var Hnum = Math.round(500/(totalHeight/1.3));
                waterSum$ = Hnum*maxI$;
                k$++;
            }
        }
    }
    window.onresize = function(){
        waterMark$();
    }
    function passThrough() {
        $(".cover").mouseenter(function(){
            $(this).stop(true).fadeOut().delay(1500).fadeIn(50);
        });
    }
    </script>

      <div class="content-wrapper">
      
        <section class="content-header">
          <h1>
            简历管理
          </h1>
          <ol class="breadcrumb">
            <li><a href="../"><i class="fa fa-home"></i> 首页</a></li>
            <li class="active">简历管理</li>
          </ol>
        </section>

        <section class="content">
            
          <div id="AlertDiv" runat="server"></div>

            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        <asp:HyperLink ID="hlBack" runat="server"><span class="label label-back"><i class="fa fa-chevron-left"></i> 返回</span></asp:HyperLink>
                        <asp:HiddenField ID="hdRecId" runat="server" />
                    </h3>
                </div>

                <div class="box-body">

                    <div class="row">
                        
                      <div class="col-md-4 form-group">
                        <label><asp:Label ID="Label1" runat="server" Text="类型"></asp:Label></label>
                        <asp:DropDownList ID="ddlType" runat="server" CssClass="form-control select2"></asp:DropDownList>
                      </div>
                  
                      <div class="col-md-4 form-group">
                        <label><asp:Label ID="Label5" runat="server" Text="状态"></asp:Label></label>
                        <asp:DropDownList ID="ddlStatus" runat="server" CssClass="form-control select2"></asp:DropDownList>
                      </div>
                  
                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label29">姓名</span></label>
                            <asp:TextBox ID="txtName" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>
                        
                      <div class="col-md-4 form-group">
                        <label><asp:Label ID="Label16" runat="server" Text="性别"></asp:Label></label>
                        <asp:DropDownList ID="ddlSex" runat="server" CssClass="form-control select2">
                            <asp:ListItem Text="男" Value="0" Selected="True"></asp:ListItem>
                            <asp:ListItem Text="女" Value="1"></asp:ListItem>
                        </asp:DropDownList>
                      </div>
                  
                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label30">年龄</span></label>
                            <asp:TextBox ID="txtAge" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label1">户籍</span></label>
                            <asp:TextBox ID="txtAddress" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label5">出生日期</span></label>
                            <asp:TextBox ID="txtBirthday" runat="server" CssClass="form-control" onfocus="WdatePicker({dateFmt:&#39;yyyy-MM-dd&#39;})" AutoComplete="off"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label7">学历</span></label>
                            <asp:TextBox ID="txtEducation" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label12">语言</span></label>
                            <asp:TextBox ID="txtLanguage" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label2">属相</span></label>
                            <asp:TextBox ID="txtYearBrith" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label8">体重</span></label>
                            <asp:TextBox ID="txtWeight" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label35">身高</span></label>
                            <asp:TextBox ID="txtHeight" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label4">工作年限</span></label>
                            <asp:TextBox ID="txtWorkYear" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label24">档期</span></label>
                            <div>
                                <asp:TextBox ID="txtStartDate" runat="server" CssClass="form-control" onfocus="WdatePicker({dateFmt:&#39;yyyy-MM-dd&#39;})" AutoComplete="off" style="width:205px;float: left"></asp:TextBox>
                                <label style="float: left">&nbsp;&nbsp;&nbsp;&nbsp;~&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                <asp:TextBox ID="txtEndDate" runat="server" CssClass="form-control" onfocus="WdatePicker({dateFmt:&#39;yyyy-MM-dd&#39;})" AutoComplete="off" style="width:205px;float: left"></asp:TextBox>
                            </div>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label13">工作类型</span></label>
                                <asp:CheckBoxList ID="cblGZLX" runat="server" RepeatDirection="Horizontal" RepeatColumns="5" CssClass="tdpadding"></asp:CheckBoxList>
                                <asp:HiddenField ID="hdWorkType" runat="server" />
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label3">有效签证</span></label>
                                <asp:CheckBoxList ID="cblYXQZ" runat="server" RepeatDirection="Horizontal" RepeatColumns="20" CssClass="tdpadding"></asp:CheckBoxList>
                                <asp:HiddenField ID="hdValidVisa" runat="server" />
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label6">煮菜口味</span></label>
                                <asp:CheckBoxList ID="cblZCKW" runat="server" RepeatDirection="Horizontal" RepeatColumns="20" CssClass="tdpadding"></asp:CheckBoxList>
                                <asp:HiddenField ID="hdCook" runat="server" />
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label9">资格证书</span></label>
                                <asp:CheckBoxList ID="cblZGZS" runat="server" RepeatDirection="Horizontal" RepeatColumns="20" CssClass="tdpadding"></asp:CheckBoxList>
                                <asp:HiddenField ID="hdCredentials" runat="server" />
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label14">身份证明</span></label>
                                <asp:CheckBoxList ID="cblSFZM" runat="server" RepeatDirection="Horizontal" RepeatColumns="20" CssClass="tdpadding"></asp:CheckBoxList>
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label15">工作经历</span></label>
                            <asp:TextBox ID="txtWorkExperience" runat="server" CssClass="form-control" TextMode="MultiLine" Rows="7"></asp:TextBox>
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label16">客户评价</span></label>
                            <asp:TextBox ID="txtEvaluate" runat="server" CssClass="form-control" TextMode="MultiLine" Rows="7"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label17">微信号</span></label>
                            <asp:TextBox ID="txtVx" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label18">身份证号码</span></label>
                            <asp:TextBox ID="txtAtachPerson" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label19">手机号</span></label>
                            <asp:TextBox ID="txtPhone" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label20">紧急联系人电话</span></label>
                            <asp:TextBox ID="txtAtachPhone" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label21">家庭住址</span></label>
                            <asp:TextBox ID="txtHouse" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label22">家庭情况</span></label>
                            <asp:TextBox ID="txtHouseRemark" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>

                        <div class="col-md-12 form-group">
                            <label>
                                <span id="ctl00_cphMain_Label27">备注信息</span></label>
                            <asp:TextBox ID="txtDescription" runat="server" CssClass="form-control" TextMode="MultiLine" Rows="7"></asp:TextBox>
                        </div>
                    </div>
                     
                      <div class="row">
                    
                          <div class="col-md-6 form-group" style="padding:0px 15px">
                            <label><asp:Label ID="Label11" runat="server" Text="照片"></asp:Label></label>
                            <div class="user-edit-image"><asp:Image ID="imgPortrait" runat="server"></asp:Image></div>
                            <div class="form-group">
                                <div class="btn btn-default btn-file">
                                    <i class="fa fa-upload"></i> 上传照片
                                    <asp:FileUpload ID="fuPortrait" runat="server" onchange="ChkUploadImage(this,ctl00_cphMain_imgPortrait);"></asp:FileUpload>
                                </div>
                            </div>
                          </div>
                        
                      </div>
                 
                    <div class="row">
                        <label style="padding: 0px 15px">
                            <span id="ctl00_cphMain_Label10">照片风采</span></label>
                        <div id="uploader1" class="uploader" style="border: 1px solid #ccc; margin-top: 10px; min-height: 150px; padding: 0px 15px; margin-left: 10px; margin-right:10px;">

                            <div class="queueList">
                                <div id="dndArea" class="placeholder">
                                    <div class="filePicker" style="margin-left: 10px; margin-top: 10px;"></div>
                                </div>
                            </div>
                            <div class="statusBar" style="display: none;">
                                <div class="progress">
                                    <span class="text">0%</span>
                                    <span class="percentage"></span>
                                </div>
                                <div class="info"></div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="box-footer">
                    <asp:Button ID="btnSave" runat="server" Text="保存" CssClass="btn btn-primary" onclick="btnSave_Click"></asp:Button>
                    <asp:Button ID="btnCancel" runat="server" Text="取消" CssClass="btn btn-default" onclick="btnCancel_Click"></asp:Button>
                    <input type="button" onclick="pic()" value="生成照片" class="btn btn-default hidden" />
                    <input type="button" onclick="View()" value="查看简历" class="btn btn-default" />
                </div>

            </div>

        </section>

      </div>
    
    <div id="SearchDiv" style="display: none;">

        <div class="box-body" style="background: url(../Images/hecheng.jpg) center center no-repeat; background-size: 100% 100%; width: 100%; height: 100%;">
            <div style="position: relative; left: 20px; top: 14px; width: 390px; height: 288px;">
                <div style="width: 100%; height: 144px">
                    <img id="img0" src="" style="width: 100%; height: 144px" />
                </div>
                <div style="width: 100%; height: 140px; margin-top: 5px">
                    <img id="img1" src="" style="width: 100%; height: 144px" />
                </div>
            </div>
            <div style="position: relative; left: 19px; top: 51px; width: 390px; height: 288px;">
                <div style="width: 50%; height: 288px; float: left">
                    <img id="img2" src="" style="width: 100%; height: 288px;" />
                </div>
                <div style="width: 48%; height: 288px; float: right;">
                    <img id="img3" src="" style="width: 100%; height: 288px;" />
                </div>
            </div>

        </div>

    </div>

    <div id="ViewDiv" style="display: none;">
        <div>
            <div class="wrap">
            <div class="header">
                <div class="headerImg">
                    <img id="head" src="../Images/water.jpg" style="border: 4px solid #00B7EE" />
                </div>
                <div style="width: 100%">
                    <div class="headerTop ">
                        <div class="topLeft fl" style="padding-top: 37px; padding-left: 30px">
                            <p class="name" id="spanName"></p>
                            <p class="jopType"><span style="margin-right: 5px;">工作类型&nbsp;:</span><span id="spanWorkType"></span></p>
                        </div>
                        <div class="topRight fl" style="width: 220px;float:right">
                            
                            
                            <div class="headbox">
                                <div class="left_cnt"></div>
                                <div class="center_cnt"><span>魔方动力简历</span></div>
                                <div class="content_cnt"></div>
                                <div class="right_cnt"></div>
                            </div>
                        </div>
                    </div>
                    <div class="headerBottom" style="display: flex; font-size: 11px; padding-top: 36px; padding-left: 30px">
                        <div class="leftImg">
                            <p style="margin-bottom: 5px">
                                <img src="../Images/company.png" /><span>公司</span><i style="font-style: normal">魔方动力软件有限公司</i>
                            </p>
                            <p>
                                <img src="../Images/address.png" /><span>地址</span><i style="font-style: normal">广东省广州市天河区</i>
                            </p>
                        </div>
                        <div>
                            <p style="margin-bottom: 5px">
                                <img src="../Images/tel.png" /><span>电话</span><i style="font-style: normal">400 888 6666</i>
                            </p>
                            <p>
                                <img src="../Images/email.png" /><span>邮箱</span><i style="font-style: normal">mojocube@qq.com</i>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       <div class="imgbox" style="margin-top: 30px;margin-bottom: 0px;height: 7px;">
                    <div class="content_cnt" style="width: 50%;height: 7px;"></div>
                <div class="content_cnt" style="width: 49%;height: 7px;"></div>
                </div>
        
        <div>
            <div style="padding-bottom: 5px; font-size: 14px">
                <div class="imgbox">
                    <div class="left_cnt"></div>
                    <div class="center_cnt"></div>
                    <div class="content_cnt"><span>基本信息</span></div>
                    <div class="right_cnt">mojocube.com</div>
                </div>
                
                <div style="display: flex">
                    <div style="width: 20%; padding-left: 30px;font-size: 12px;">
                        <p><span id="spanName2"></span></p>
                        <p><span id="spanAddress"></span></p>
                    </div>
                    <div style="width: 20%; padding-left: 20px;font-size: 12px;">
                        <p><span id="spanAge"></span>岁</p>
                        <p><span id="spanBirthday"></span></p>


                    </div>
                    <div style="width: 20%; padding-left: 30px;font-size: 12px;">
                        <p><span id="spanYearBrith"></span></p>
                        <p><span id="spanLanguage"></span></p>


                    </div>
                    <div style="width: 20%; padding-left: 40px;font-size: 12px;">
                        <p><span id="spanHeight"></span>CM</p>
                        <p><span id="spanEducation"></span></p>
                    </div>
                    <div style="width: 20%; padding-left: 40px;font-size: 12px;">
                        <p><span id="spanWeight"></span>KG</p>
                        <p><span id="spanWorkYear"></span>年经验</p>
                    </div>
                </div>
            </div>
            <div style="padding-bottom: 5px;">
                <div class="imgbox">
                    <div class="left_cnt"></div>
                    <div class="center_cnt"></div>
                    <div class="content_cnt"><span>资格证书</span></div>
                    <div class="right_cnt">mojocube.com</div>
                </div>
                
                <div id="divCredentials" style="padding-left: 20px;font-size: 12px;"></div>
            </div>
            
            <div style="padding-bottom: 5px">
                <div class="imgbox">
                    <div class="left_cnt"></div>
                    <div class="center_cnt"></div>
                    <div class="content_cnt"><span>煮菜口味</span></div>
                    <div class="right_cnt">mojocube.com</div>
                </div>
                
                <div id="divCook" style="padding-left: 20px; font-size: 12px;"></div>
            </div>
            <div style="padding-bottom: 5px">
                
                <div class="imgbox">
                    <div class="left_cnt"></div>
                    <div class="center_cnt"></div>
                    <div class="content_cnt"><span>工作经历</span></div>
                    <div class="right_cnt">mojocube.com</div>
                </div>
                <div id="divWorkExperience" style="min-height: 100px;  padding-left: 20px;font-size: 12px;"></div>
            </div>

            <div  style="padding-bottom: 5px">
                
                <div class="imgbox">
                    <div class="left_cnt"></div>
                    <div class="center_cnt"></div>
                    <div class="content_cnt"><span>客户评价</span></div>
                    <div class="right_cnt">mojocube.com</div>
                </div>
                <div id="divEvaluate" style="min-height: 60px; padding-left: 20px;font-size: 12px;"></div>
            </div>
            <div style="vertical-align:top;height: 20px;background-color:#00B7EE; color: #fff5f5;font-size: 16px;text-align: center;font-weight: 700;">www.mojocube.com</div>
            
            <div style="padding:10px; text-align:center">
                <img src="../images/WeChat.jpg" style="width:180px;" />
            </div>

        </div>
        </div>
        
    </div>

</asp:Content>